import React from "react";

import useCounter from "./utils/useCounter";
import useTimer from "./utils/useTimer";

// todo 自定义hooks
// todo 相同功能的代码放到了一起，方便阅读和维护
// todo 可以复用

// todo 显示当前事件 / 文件上传功能 / 倒计时

const App = () => {
  const [count, fn1, fn2] = useCounter();
  const nowTime = useTimer();
  return (
    <>
      <h2>自定义hooks</h2>
      <button onClick={fn1}>-</button>
      <span>{count}</span>
      <button onClick={fn2}>+</button>

      <p>当前事件为: {nowTime}</p>
    </>
  );
};

export default App;
